<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="pragma" content="no-cache"/>
	<title>地图展示</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/global.css"/>
	<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-1.7.2.min.js"></script>
	<script language="javascript" src="http://webapi.amap.com/maps?v=1.2&key=${key}"></script>
	<script type="text/javascript">
		var mapObj = null;
		
		function mapInit(){
			mapObj = new AMap.Map("mapPanel",{
				center: new AMap.LngLat(116.397428,39.90923),
				level: 13
			});
		}
		$(function(){
			mapInit();
			
			$(document.body).bind("click",function(){
				alert($("html").get(0).scrollHeight);
			});
		});
	</script>
</head>
<body>
	<div class="content-wrap">
		<div class="content-title">
			<h3>地图展示${key}</h3>
		</div>
		<div class="content-body">
			<div id="mapPanel" style="width:660px;height:400px;position:relative;margin:0 auto;"></div>
		</div>
	</div>
</body>
</html>